.shortcut {
  // --icon-label-color: #fff;
  // --icon-row: 2;
  // --icon-colum: 4;
  --row-gap: 32px;
  position: relative;
  padding: 16px;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  &--list {
      display: grid;
      grid-template-columns: repeat(var(--icon-colum), calc(100% / var(--icon-colum)));
      row-gap: var(--row-gap);
      // column-gap: var(--column-gap);
      padding-bottom: 90px;
  }
  &--item {
      margin: 0 auto;
    //   margin-bottom: 32px;
    width: calc(var(--icon-size) * 1.5);
  }
  &__icon {
    width: var(--icon-size);
    height: var(--icon-size);
    border-radius: var(--icon-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    margin: 0 auto 10px auto;
  }
  &__label {
      color: var(--icon-label-color);
      text-align: center;
      font-size: var(--icon-font-size);
  }
}
